<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="renderer" content="webkit" />
		<title>评审专家</title>
		<!--[if lt IE 9]>
			<meta http-equiv="refresh" content="0;ie.html" />
		<![endif]-->
		<link href="../css/bootstrap.min.css" rel="stylesheet" />
		<link href="../iconfont/iconfont.css" rel="stylesheet" />
		<link href="../js/layui/css/layui.css" rel="stylesheet" type="text/css">
		<link href="../css/style.css" rel="stylesheet" />
		<link href="../css/cross.css" rel="stylesheet" />
		<link href="../css/change.css" rel="stylesheet" />
	</head>

	<body class="gray-bg body-con">
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="table-btn mb-25">
				<a class="btn-blue" href="添加评审专家.html"><i class="iconfont icon-tianjia"></i>添加帐号</a>
			</div>
			<div class="audit-top">
				<span>评审专家</span>
				<span class="input-select">
					<input type="text" value="" placeholder="请输入评审专家姓名"/>
				</span>
				
				<span class="ml-20">申请时间</span>
				<span class="input-select" >
					<input type="text" id="dateTime"/>
					<i class="iconfont icon-xiangxia"></i>
				</span>
				<a class="search-btn ml-20" href="" class="search-btn">查询</a>
			</div>
			<div class="table-con mh-con-264 mt-20">
				<table class="table">
				    <thead>
				        <tr>
				            <th class="mw-220">评审专家</th>
				            <th class="mw-170">帐号 / 手机号</th>
				            <th class="mw-150">姓名</th>
				            <th class="mw-220">申请时间</th>
				            <th class="tl">关联机构</th>
				            <th class="mw-220">操作</th>
				        </tr>
				    </thead>
				    <tbody class="tbale-h">
				        <tr>
				            <td class="tl mw-220"><div title="陈莎莎"><img src="../images/doc-logo.png">陈莎莎</div></td>
				            <td class="mw-170">137 9999 6666</td>
				            <td class="mw-150">王志刚</td>
				            <td class="mw-220">2021-11-02 09:30</td>
				            <td class="tl">
								<div title="福建医科大学附属第一医院">福建医科大学附属第一医院</div>
								<div title="福建省立医院">福建省立医院</div>
								<div title="福州市人第一人民医院">福州市人第一人民医院</div>
							</td>
				            <td class="mw-220"><a href="添加评审专家.html" class="c-btn btn-blue mr-10">编辑</a><a href="javascript:;" class="c-btn btn-gray open-set">设置</a></td>
				        </tr>
				        <tr>
				            <td class="tl mw-220"><div title="陈莎莎"><img src="../images/doc-logo.png">陈莎莎</div></td>
				            <td class="mw-170">137 9999 6666</td>
				            <td class="mw-150">王志刚</td>
				            <td class="mw-220">2021-11-02 09:30</td>
				            <td class="tl">
								<div title="福建医科大学附属第一医院">福建医科大学附属第一医院</div>
								<div title="福建省立医院">福建省立医院</div>
								<div title="福州市人第一人民医院">福州市人第一人民医院</div>
							</td>
				            <td class="mw-220"><a href="添加评审专家.html" class="c-btn btn-blue mr-10">编辑</a><a href="javascript:;" class="c-btn btn-gray open-set">设置</a></td>
				        </tr>
				        <tr>
				            <td class="tl mw-220"><div title="陈莎莎"><img src="../images/doc-logo.png">陈莎莎</div></td>
				            <td class="mw-170">137 9999 6666</td>
				            <td class="mw-150">王志刚</td>
				            <td class="mw-220">2021-11-02 09:30</td>
				            <td class="tl">
								<div title="福建医科大学附属第一医院">福建医科大学附属第一医院</div>
								<div title="福建省立医院">福建省立医院</div>
								<div title="福州市人第一人民医院">福州市人第一人民医院</div>
							</td>
				            <td class="mw-220"><a href="添加评审专家.html" class="c-btn btn-blue mr-10">编辑</a><a href="javascript:;" class="c-btn btn-gray open-set">设置</a></td>
				        </tr>
				    </tbody>
				</table>
				
				<ul class="pagination pagination-lg">
				   <li><a href="javascript:;"><i class="iconfont icon-xiangzuo"></i></a></li>
				   <li class="curr"><a href="javascript:;">1</a></li>
				   <li><a href="javascript:;">2</a></li>
				   <li><a href="javascript:;">3</a></li>
				   <li><a href="javascript:;">4</a></li>
				   <li><a href="javascript:;">5</a></li>
				   <li><a href="javascript:;">6</a></li>
				   <li><a href="javascript:;">7</a></li>
				<li class="lue"><a href="">...</a></li>
				   <li><a href="javascript:;">10</a></li>
				   <li><a href="javascript:;"><i class="iconfont icon-xiangyou"></i></a></li>
				</ul>
			</div>
			<div class="mask c-hide" id="remove">
				<!-- 移除账号 -->
				<div class="msg-mask c-hide w-320" id="account_masks">
					<i class="iconfont icon-guanbi" id="closes"></i>
					<div class="hos-info clearfix">
						<img class="doc-info-logo" src="../images/doc-logo.png" >
						<div class="">
							<p class="index-hos-tit">福建医科大学附属第一医院</p>
							<p class="index-admin">陈芬芬</p>
							<p>137 9999 5886</p>
						</div>
					</div>
					<div class="remove-account clearfix">
						<a class="wp-50" href="javascript:;"><i class="iconfont icon-bianji"></i>编辑</a>
						<a class="wp-50" href="javascript:;" id="open_tip"><i class="iconfont icon-yichu"></i>移除帐号</a>
					</div>
				</div>
				<!-- 温馨提示 -->
				<div class="msg-mask c-hide w-400" id="tip">
					<h5>温馨提示<i class="iconfont icon-guanbi" id="close_tip"></i></h5>
					<p class="tip-p"><i class="iconfont icon-tishi"></i>移除后将会导致该机构无法正常操作</p>
					<div class="mask-btn">
						<a class="c-btn btn-bg-gray m-r" href="javascript:;" id="tip_cancel">取消</a>
						<a class="c-btn btn-bg-blue" href="javascript:;">确定</a>
					</div>
				</div>
			</div>
		</div>
		<!-- 全局js -->
		<script src="../js/jquery.min.js?v=2.1.4"></script>
		<script src="../js/bootstrap.min.js?v=3.3.7"></script>
		<script src="../js/layui/layui.js"></script>
		<!-- 自定义js -->
		<script src="../js/content.js"></script>
	</body>
	<script type="text/javascript">
		$(function() {
			// 日期选择
			 layui.use('laydate', function(){
			   var laydate = layui.laydate;
			   
			   //执行一个laydate实例
			   laydate.render({
				 elem: '#dateTime', //指定元素
				 range: '至'
			   });
			 });
			
			// 选择机构
			$('.input-select').on('click', function() {
				$(this).children('.select-ul').removeClass('c-hide')
			})
			$('.select-ul li').on('click', function(e) {
				e.stopPropagation()
				$(this).addClass('curr').siblings().removeClass('curr')
				$(this).parent().parent().children('input').val($(this).text())
				$('.select-ul').addClass('c-hide')
			})
			// 点击设置
			$('.open-set').on('click', function() {
				$('#account_masks,#remove').removeClass('c-hide')
			})
			// 关闭移除账号
			$('#closes,#close_tip,#tip_cancel').on('click', function() {
				$('#account_masks,#remove,#tip').addClass('c-hide')
			})
			// 移除账号
			$('#open_tip').on('click', function() {
				$('#account_masks,#tip').removeClass('c-hide')
			})
		})
	</script>
</html>
